<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="Striker HTML5 Template">
        <title>Toy Store Html Template</title>
        <link rel="shortcut icon" type="image/x-icon" href="./media/favicon.png">
        <link rel="stylesheet" href="./css/bootstrap.min.css">
        <link rel="stylesheet" href="./css/font-awesome.css">
        <link rel="stylesheet" href="./css/slick.css">
        <link rel="stylesheet" href="./css/slick-theme.css">
        <link rel="stylesheet" href="./css/ionrangeslider.css">
        <link rel="stylesheet" href="./css/aksVideoPlayer.css">
        <link rel="stylesheet" href="./css/app.css">
    </head>
    <body>
        <div id="preloader" style="display: none;">
            <div class="pyramid-loader">
                <div class="loader"></div>
            </div>
        </div>
        <a href="#main-wrapper" id="backto-top" class="back-to-top">
            <i class="fas fa-angle-up"></i>
        </a>
        <div id="main-wrapper" class="main-wrapper overflow-hidden">
            <header class="large-screens">
                <div class="container-fluid">
                    <nav class="navbar navbar-expand-lg p-0">
                        <div class="collapse navbar-collapse" id="mynavbar">
                            <div class="left-nav">
                                <a href="index.html" class="navbar-brand m-0 p-0">
                                    <img alt src="./media/logo.png">
                                </a>
                                <ul class="navbar-nav m-0">
                                    <li class="has-children">
                                        <a href="javascript:void(0);">Home</a>
                                        <ul class="submenu">
                                            <li>
                                                <a href="index.html">Home 1</a>
                                            </li>
                                            <li>
                                                <a href="index-2.html">Home 2</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item">
                                        <a href="about.html">About us</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="search-block">
                                <form action="shop-listing-1.html" class="input-group search-bar">
                                    <input type="text" placeholder="Search..." required>
                                    <button class="search" type="submit">
                                        <i class="far fa-search search-icon"></i>
                                    </button>
                                </form>
                            </div>
                            <div class="right-nav">
                                <ul class="navbar-nav m-0">
                                    <li class="has-children">
                                        <a href="javascript:void(0);">Shop</a>
                                        <ul class="submenu">
                                            <li>
                                                <a href="shop-listing-1.html">Shop Grid </a>
                                            </li>
                                            <li>
                                                <a href="shop-listing-2.html">Shop Listing</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="has-children">
                                        <a href="javascript:void(0);">Pages</a>
                                        <ul class="submenu">
                                            <li>
                                                <a href="blog.html" class="active">Blog</a>
                                            </li>
                                            <li>
                                                <a href="blog-detail.html">Blog Detail</a>
                                            </li>
                                            <li>
                                                <a href="product-detail.html">Product Detail</a>
                                            </li>
                                            <li>
                                                <a href="cart.html">Cart</a>
                                            </li>
                                            <li>
                                                <a href="checkout.html">Checkout</a>
                                            </li>
                                            <li>
                                                <a href="wishlist.html">Wishlist</a>
                                            </li>
                                            <li>
                                                <a href="contact.html">contact</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                                <ul class="navbar-nav m-0">
                                    <li class="menu-item">
                                        <a href="cart.html">
                                            <i class="fal fa-shopping-cart"></i>
                                        </a>
                                    </li>
                                    <li class="menu-item">
                                        <a href="wishlist.html">
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </nav>
                </div>
            </header>
            <header class="small-screen">
                <div class="container-fluid">
                    <div class="mobile-menu">
                        <div>
                            <a class="navbar-brand" href="index.html">
                                <img alt src="./media/logo.png">
                            </a>
                        </div>
                        <div class="hamburger-menu">
                            <div class="bar"></div>
                        </div>
                    </div>
                    <nav class="mobile-navar d-xl-none">
                        <ul>
                            <li class="has-children">
                                Home <span class="icon-arrow"></span>
                                <ul class="children">
                                    <li>
                                        <a href="index.html">Home 1</a>
                                    </li>
                                    <li>
                                        <a href="index-2.html">Home 2</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="has-children">
                                Pages <span class="icon-arrow"></span>
                                <ul class="children">
                                    <li>
                                        <a href="about.html">About us</a>
                                    </li>
                                    <li>
                                        <a href="blog.html" class="active">Blog</a>
                                    </li>
                                    <li>
                                        <a href="blog-detail.html">Blog Detail</a>
                                    </li>
                                    <li>
                                        <a href="product-detail.html">Product Detail</a>
                                    </li>
                                    <li>
                                        <a href="cart.html">Cart</a>
                                    </li>
                                    <li>
                                        <a href="checkout.html">Checkout</a>
                                    </li>
                                    <li>
                                        <a href="wishlist.html">Wishlist</a>
                                    </li>
                                    <li>
                                        <a href="contact.html">Contact</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="has-children">
                                Shop <span class="icon-arrow"></span>
                                <ul class="children">
                                    <li>
                                        <a href="shop-listing-1.html">Shop Grid</a>
                                    </li>
                                    <li>
                                        <a href="shop-listing-2.html">Shop Listing</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
            </header>
            <div class="page-title-banner">
                <div class="container">
                    <div class="left-right-image">
                        <img src="./media/page-title-banner/img-1.png" class="left-img" alt>
                        <img src="./media/page-title-banner/img-2.png" class="right-img" alt>
                    </div>
                    <div class="content">
                        <div class="title">
                            <h2>Blog Listing</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="page-content">
                <section class="blog p-96">
                    <div class="container">
                        <div class="card mb-0">
                            <div class="card-header">
                                <ul class="nav nav-tabs card-header-tabs gap-75 mb-32" data-bs-tabs="tabs">
                                    <li class="nav-item">
                                        <a href="#all" class="active" aria-current="true" data-bs-toggle="tab">All Time</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#week" aria-current="false" data-bs-toggle="tab">This Week</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#month" aria-current="false" data-bs-toggle="tab">This Month</a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#half-year" aria-current="false" data-bs-toggle="tab">Last 6 Months </a>
                                    </li>
                                    <li class="nav-item">
                                        <a href="#year" aria-current="false" data-bs-toggle="tab">Last Year</a>
                                    </li>
                                </ul>
                            </div>
                            <form class="card-body tab-content">
                                <div class="tab-pane active" id="all">
                                    <div class="row">
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-1.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Gifts of Joy:Perfect Presents for Kids</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-1.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-2.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Toyland Treasures:Discover the Fun!</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-2.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-3.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-3.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-4.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-3.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-5.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-3.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-6.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-3.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane " id="week">
                                    <div class="row">
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-6.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-3.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-1.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Gifts of Joy:Perfect Presents for Kids</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-1.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-2.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Toyland Treasures:Discover the Fun!</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-2.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-3.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-3.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-4.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-3.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-5.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-3.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane " id="month">
                                    <div class="row">
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-1.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Gifts of Joy:Perfect Presents for Kids</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-1.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-2.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Toyland Treasures:Discover the Fun!</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-2.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-3.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-3.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-4.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-3.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-5.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-3.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-6.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-3.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane " id="half-year">
                                    <div class="row">
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-3.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-3.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-1.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Gifts of Joy:Perfect Presents for Kids</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-1.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-2.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Toyland Treasures:Discover the Fun!</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-2.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-4.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-3.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-5.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-3.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-6.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-3.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane " id="year">
                                    <div class="row">
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-5.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-3.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-1.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Gifts of Joy:Perfect Presents for Kids</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-1.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-2.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Toyland Treasures:Discover the Fun!</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-2.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-3.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-3.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-4.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-3.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-6">
                                            <div class="blog-card mb-32">
                                                <img src="./media/blog/img-6.png" class="w-100" alt="">
                                                <div class="content">
                                                    <h4 class="color-black h-27 mb-16">Tiny Tots,Big Fun:Toys for Little Ones</h4>
                                                    <div class="name-btn">
                                                        <div class="name">
                                                            <img src="./media/author/img-3.png" alt="">
                                                            <p class="medium-black">Author’s name</p>
                                                        </div>
                                                        <a href="blog.html" class="light-btn primary">
                                                            Button <i class="far fa-angle-right"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <ul class="pagination">
                            <li>
                                <a href="blog.html">
                                    <i class="fas fa-chevron-left"></i>
                                </a>
                            </li>
                            <li>
                                <a href="blog.html" class="active">1</a>
                            </li>
                            <li>
                                <a href="blog.html">2</a>
                            </li>
                            <li>
                                <a href="blog.html">3</a>
                            </li>
                            <li>
                                <a href="blog.html">
                                    <i class="fas fa-chevron-right"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </section>
            </div>
            <footer class="bg-light-blue p-96 pb-4">
                <div class="container">
                    <div class="footer-main mb-64">
                        <div class="footer-info">
                            <div class="footer-about">
                                <div class="logo mb-16">
                                    <a href="blog.html">
                                        <img src="./media/logo.png" alt>
                                    </a>
                                </div>
                                <p class="color-white mb-32">
                                    Welcome to our world of imagination <br>
                                    and play!At Sarah's Toy Emporium,we <br>
                                    believe in creating magical experiences <br>for children and igniting their joy.
                                </p>
                                <div class="contact">
                                    <ul class="contact-list unstyled">
                                        <li class="mb-32">
                                            <a href="">
                                                <i class="fal fa-phone-alt"></i>
                                                <span>+1 233 898 0897</span>
                                            </a>
                                        </li>
                                        <li class>
                                            <a href="mailto:info@example.com">
                                                <i class="fal fa-envelope"></i>
                                                <span>email@example.com</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="newsletter">
                                <h3 class="mb-24">Subscribe to our Newsletter</h3>
                                <form action="./blog.html" class>
                                    <input type="email" id="email" placeholder="Email" class="form-control mb-16" required>
                                    <button type="submit" class="cus-btn primary w-100">Subscribe</button>
                                </form>
                                <ul class="unstyled social-icons">
                                    <li>
                                        <a href="blog.html">
                                            <i class="fab fa-facebook-f"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="blog.html">
                                            <i class="fab fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="blog.html">
                                            <i class="fab fa-snapchat-ghost"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="blog.html">
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="menu">
                                <h3 class="color-white mb-8">Important Links</h3>
                                <ul class="link unstyled">
                                    <li class>
                                        <a href="index.html">– Home</a>
                                    </li>
                                    <li class>
                                        <a href="cart.html">– Cart</a>
                                    </li>
                                    <li class>
                                        <a href="shop-listing-1.html">– Shop</a>
                                    </li>
                                    <li class>
                                        <a href="checkout.html">– Checkout</a>
                                    </li>
                                    <li class>
                                        <a href="about.html">– About</a>
                                    </li>
                                    <li class>
                                        <a href="product-detail.html">– Product Detail</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <p class="color-white text-center">
                        ©2023 Cricket Pulse All Rights By <a href="http://www.bootstrapmb.com">bootstrapMB</a>
                        .
                    </p>
                </div>
            </footer>
        </div>
    </body>
</html>
